import React, { Component } from "react";
import { NavBar, Icon } from 'antd-mobile';
import { Tabs } from 'antd-mobile';
import { Accordion } from 'antd-mobile';

const tabs = [
    { title: '认/申购' },
    { title: '赎回' },
    { title: '定投' },
    { title: '转换/转投' },
    { title: '快速卖出' },
];

export default class HelpCenter extends Component {
    state = {
        disabled: false,
    }

    onChange = (key) => {
        console.log(key);
    }

    render() {
        return (
            <div className="helpCenter-div">
                <div>
                    <NavBar
                        mode="light"
                        icon={<Icon type="left" />}
                        onLeftClick={() => window.location.href = '#/terran/helpCenter'}
                        rightContent={[
                            <Icon key="0" type="search" style={{ marginRight: '16px' }} />,
                            <Icon key="1" type="ellipsis" />,
                        ]}
                    >帮助中心</NavBar>
                </div>

                <div>
                    <h2>&nbsp;交易相关问题</h2>
                    <Tabs tabs={tabs}
                        initialPage={0}
                        onChange={(tab, index) => { console.log('onChange', index, tab); }}
                        onTabClick={(tab, index) => { console.log('onTabClick', index, tab); }}
                    >
                        <div className="认/申购">
                            <div style={{ marginTop: 10, marginBottom: 10 }}>
                                <Accordion defaultActiveKey="" className="my-accordion" onChange={this.onChange}>
                                    <Accordion.Panel header="1. 节假日可以买卖基金吗？" className="pad">
                                        <div style={{ marginTop: 10, marginLeft: 20, marginBottom: 10, marginRight: 10, color: "#999999" }}>
                                            答：基金在开放状态期间可随时购买，确认成功之后可随时选择卖出，但是若遇基金公司暂停则以公告展示为准。节假日申购及赎回其成交净值均以节后第一个交易日为准。
                                        </div>
                                    </Accordion.Panel>
                                </Accordion>
                                <Accordion defaultActiveKey="" className="my-accordion" onChange={this.onChange}>
                                    <Accordion.Panel header="2. 基金申购支持撤单吗？什么时间内可以撤单？认购呢？" className="pad">
                                        <div style={{ marginTop: 10, marginLeft: 20, marginBottom: 10, marginRight: 10, color: "#999999" }}>
                                            答：基金申购、转换及赎回申请所属实际交易日15:00前可以进行撤单，但是定投目前是不支持撤单的。
                                        </div>
                                    </Accordion.Panel>
                                </Accordion>
                                <Accordion defaultActiveKey="" className="my-accordion" onChange={this.onChange}>
                                    <Accordion.Panel header="3. 撤单的话资金是多久返还的？" className="pad">
                                        <div style={{ marginTop: 10, marginLeft: 20, marginBottom: 10, marginRight: 10, color: "#999999" }}>
                                            答：如果是通过储蓄罐活期申购的基金（包括组合产品），资金一般会实时回到活期账户，不影响支付、取现；而如果是通过银行卡购买则将会在T+2个交易日内退回(T为交易日)。
                                        </div>
                                    </Accordion.Panel>
                                </Accordion>
                                <Accordion defaultActiveKey="" className="my-accordion" onChange={this.onChange}>
                                    <Accordion.Panel header="4. 定投可以用银行卡支付吗？" className="pad">
                                        <div style={{ marginTop: 10, marginLeft: 20, marginBottom: 10, marginRight: 10, color: "#999999" }}>
                                            答：定投支持使用银行卡和储蓄罐活期支付，可在添加定投协议时自行设置。
                                        </div>
                                    </Accordion.Panel>
                                </Accordion>
                            </div>
                        </div>

                        <div className="赎回">
                            <div style={{ marginTop: 10, marginBottom: 10 }}>
                                <Accordion defaultActiveKey="" className="my-accordion" onChange={this.onChange}>
                                    <Accordion.Panel header="1. 如何卖出基金？" className="pad">
                                        <div style={{ marginTop: 10, marginLeft: 20, marginBottom: 10, marginRight: 10, color: "#999999" }}>
                                            答：点击“我的”—“我的资产”，选择需要赎回的基金点击即可看到卖出界面。
                                        </div>
                                    </Accordion.Panel>
                                </Accordion>
                                <Accordion defaultActiveKey="" className="my-accordion" onChange={this.onChange}>
                                    <Accordion.Panel header="2. 基金卖出份额有限制吗？" className="pad">
                                        <div style={{ marginTop: 10, marginLeft: 20, marginBottom: 10, marginRight: 10, color: "#999999" }}>
                                            答：基金卖出时最低赎回份额参考具体基金“最低赎回份额”，一般为0-10份不等，最高赎回份额为你的持仓份额。
                                        </div>
                                    </Accordion.Panel>
                                </Accordion>
                                <Accordion defaultActiveKey="" className="my-accordion" onChange={this.onChange}>
                                    <Accordion.Panel header="3. 基金卖出多长时间到账的？" className="pad">
                                        <div style={{ marginTop: 10, marginLeft: 20, marginBottom: 10, marginRight: 10, color: "#999999" }}>
                                            答：基金赎回确认成功之后一般情况下货币基金T+1到2个交易日到账，非货币基金T+2到4个交易日到账、QDII基金是8到13个交易日到账。通过快速卖出资金会在T+1个交易日到账银行卡，货币型、理财型及QDII型基金暂不支持。（T为交易日）
                                        </div>
                                    </Accordion.Panel>
                                </Accordion>
                                <Accordion defaultActiveKey="" className="my-accordion" onChange={this.onChange}>
                                    <Accordion.Panel header="4. 我购买的基金什么时候才可以卖出呢？" className="pad">
                                        <div style={{ marginTop: 10, marginLeft: 20, marginBottom: 10, marginRight: 10, color: "#999999" }}>
                                            答：基金申购一般是T+1个交易日确认，并于当晚19:00~22:00左右确认成功，但是具体还是以实际更新时间为准，确认成功之后即可随时卖出，如果是QDII基金则顺延一个交易日。（T为交易日）<br />友情提示：如遇到新基金封闭期、基金暂停赎回等，基金会无法卖出。具体请以基金公告为准。
                                        </div>
                                    </Accordion.Panel>
                                </Accordion>
                                <Accordion defaultActiveKey="" className="my-accordion" onChange={this.onChange}>
                                    <Accordion.Panel header="5. 基金不满7天赎回都会收1.5%的费率吗？" className="pad">
                                        <div style={{ marginTop: 10, marginLeft: 20, marginBottom: 10, marginRight: 10, color: "#999999" }}>
                                            答：非货币基金持续持有少于7日（自然日）赎回时均会收取不低于1.5%的赎回费。
                                        </div>
                                    </Accordion.Panel>
                                </Accordion>
                            </div>
                        </div>

                        <div className="定投">
                            <div style={{ marginTop: 10, marginBottom: 10 }}>
                                <Accordion defaultActiveKey="" className="my-accordion" onChange={this.onChange}>
                                    <Accordion.Panel header="1. 定投可以用银行卡支付吗？" className="pad">
                                        <div style={{ marginTop: 10, marginLeft: 20, marginBottom: 10, marginRight: 10, color: "#999999" }}>
                                            答：定投支持使用银行卡和储蓄罐活期支付，可在添加定投协议时自行设置。
                                        </div>
                                    </Accordion.Panel>
                                </Accordion>
                                <Accordion defaultActiveKey="" className="my-accordion" onChange={this.onChange}>
                                    <Accordion.Panel header="2. 定投能不能撤单？" className="pad">
                                        <div style={{ marginTop: 10, marginLeft: 20, marginBottom: 10, marginRight: 10, color: "#999999" }}>
                                            答：定投扣款成功之后是不可以撤单的哦。
                                        </div>
                                    </Accordion.Panel>
                                </Accordion>
                                <Accordion defaultActiveKey="" className="my-accordion" onChange={this.onChange}>
                                    <Accordion.Panel header="3. 怎么终止定投？" className="pad">
                                        <div style={{ marginTop: 10, marginLeft: 20, marginBottom: 10, marginRight: 10, color: "#999999" }}>
                                            答：登录恩亿优基金app账户，点击“我的”—“我的账户”—“银行卡”，答：点击“我的”—“我的资产”，选择需要终止的定投合约之后，点击右下角“终止”即可。
                                        </div>
                                    </Accordion.Panel>
                                </Accordion>
                            </div>
                        </div>

                        <div className="转换/转投">
                            <div style={{ marginTop: 10, marginBottom: 10 }}>
                                <Accordion defaultActiveKey="" className="my-accordion" onChange={this.onChange}>
                                    <Accordion.Panel header="1. 不同银行卡同一账号资金可以相互转换吗？" className="pad">
                                        <div style={{ marginTop: 10, marginLeft: 20, marginBottom: 10, marginRight: 10, color: "#999999" }}>
                                            答：基金交易遵循同卡原则，同卡进出是指你的赎回款、分红款和失败退款只能划回买入基金时对应的银行账户中，以保障客户的资金安全。若原卡丢失需联系客服线下换卡，换卡完成之后旧卡所有的交易都会转移到新卡。
                                        </div>
                                    </Accordion.Panel>
                                </Accordion>
                                <Accordion defaultActiveKey="" className="my-accordion" onChange={this.onChange}>
                                    <Accordion.Panel header="2.  转换与转投的区别是什么？？" className="pad">
                                        <div style={{ marginTop: 10, marginLeft: 20, marginBottom: 10, marginRight: 10, color: "#999999" }}>
                                            答：转投主要包括两种模式，分别为转换与赎回转投。转换是指同一家基金公司管理的不同基金之间的转换；赎回转投则是通过赎回基金的同时再认/申购其他基金公司的基金产品的行为。
                                        </div>
                                    </Accordion.Panel>
                                </Accordion>
                            </div>
                        </div>

                        <div className="快速卖出">
                            <div style={{ marginTop: 10, marginBottom: 10 }}>
                                <Accordion defaultActiveKey="" className="my-accordion" onChange={this.onChange}>
                                    <Accordion.Panel header="1. 货币基金可以快速卖出吗？" className="pad">
                                        <div style={{ marginTop: 10, marginLeft: 20, marginBottom: 10, marginRight: 10, color: "#999999" }}>
                                            答：目前除了货币基金、理财型基金及QDII基金，其他类型基金都是支持快速卖出的，具体以实际卖出界面展示为准。
                                        </div>
                                    </Accordion.Panel>
                                </Accordion>
                                <Accordion defaultActiveKey="" className="my-accordion" onChange={this.onChange}>
                                    <Accordion.Panel header="2. 快速卖出收手续费吗？" className="pad">
                                        <div style={{ marginTop: 10, marginLeft: 20, marginBottom: 10, marginRight: 10, color: "#999999" }}>
                                            答：快速卖出只收取基金赎回费，这个功能是没有费用的哦。
                                        </div>
                                    </Accordion.Panel>
                                </Accordion>
                                <Accordion defaultActiveKey="" className="my-accordion" onChange={this.onChange}>
                                    <Accordion.Panel header="3. 快速卖出的钱是到哪里？" className="pad">
                                        <div style={{ marginTop: 10, marginLeft: 20, marginBottom: 10, marginRight: 10, color: "#999999" }}>
                                            答：快速卖出资金一般是在T+1个交易日内回到银行卡（QDII、货币及理财型除外），不支持回到储蓄罐活期。（T为交易日）
                                        </div>
                                    </Accordion.Panel>
                                </Accordion>
                                <Accordion defaultActiveKey="" className="my-accordion" onChange={this.onChange}>
                                    <Accordion.Panel header="4. 快速卖出有没有额度限制？" className="pad">
                                        <div style={{ marginTop: 10, marginLeft: 20, marginBottom: 10, marginRight: 10, color: "#999999" }}>
                                            答：快速卖出单交易日单账户目前有不超过5万元的额度限制，具体建议以卖出时提示为准。
                                        </div>
                                    </Accordion.Panel>
                                </Accordion>
                                <Accordion defaultActiveKey="" className="my-accordion" onChange={this.onChange}>
                                    <Accordion.Panel header="5. 快速卖出和普通卖出的区别是什么？" className="pad">
                                        <div style={{ marginTop: 10, marginLeft: 20, marginBottom: 10, marginRight: 10, color: "#999999" }}>
                                            答：快速卖出业务是好买基金为用户提供的快速回款服务。赎回资金一般是在T+1个交易日内回到银行卡的（QDII、货币及理财型除外）。而卖出则是普通卖出，可以选择卖出到储蓄罐活期或银行卡，具体到账时间则以提示为准（T为交易日）。
                                        </div>
                                    </Accordion.Panel>
                                </Accordion>
                            </div>
                        </div>
                    </Tabs>
                </div>
            </div>
        );
    }
}
